<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="shortcut icon" href="/favicon.ico"/>
		<title>后台管理</title>
		<%
		include("/common/static.html"){}
		%>
        <script type="text/javascript" src="/js/editor/HandyEditor.min.js"></script>
        <script type="text/javascript" src="/admin/js/common.js" ></script>
		<link rel="stylesheet" href="/admin/common/css/common.css" />
		<link rel="stylesheet" href="/admin/css/common.css" />
		<link rel="stylesheet" href="/admin/css/publish.css" />
	</head>
	<body>
		<%
		include("/admin/common/menu.html"){}
		%>
		<div class="panel">
			<div class="panel_con">
				<div class="security">

					<div class="widget">
						<div class="widget_top clear">
                            <a href="/admin/article">文章列表</a>
                            <span class="title_right">></span>
                            <span class="top_left">添加文章</span>
                       	</div>
                       	<div class="add_div ">
                       		<div class="row">
                       			<div class="col-md-7 publish_left">
                       				<div class="publish_li">
		                       			<label for="">文章标题：</label>
		                       			<input type="text" id="title" placeholder="请输入文章标题" />
		                       		</div>
		                       		<div class="publish_li">
		                       			<label for="">文章类型：</label>
		                       			<select name="" class="add_btn" id="articleType">
		                                    <option value="" id="0">请选择文章类型</option>
											<option value="1">技术分享</option>
											<option value="2">生活点滴</option>
		                                    <option value="3">更新公告</option>
		                               </select>
		                       		</div>
		                       		<div class="publish_li">
		                       			<label for="">是否原创：</label>
		                       			<select name="" class="add_orp" id="isOriginal">
		                                    <option value="原创">原创</option>
		                                    <option value="转载" >转载</option>
		                               	</select>
		                       		</div>
		                       		<div class="publish_li">
		                       			<label for="">文章摘要：</label>
		                       			<input type="text" id="introduction" placeholder="请输入文章摘要" />
		                       		</div>
		                       		<div class="publish_li">
		                       			<label for="">其它设置：</label>
		                       			<input type="button" class="btn_wl"  value="选择文章封面" />
		                       			<input type="button" class="btn_music" value="选择背景音乐" />
		                       		</div>
                       			</div>
                       			<div class="col-md-5 publish_right">
                       				<div class="publish_data">
                       					<label>文章封面</label>
                       				</div>
                       				<div class="publish_data">
                       					<img src="/admin/img/title.jpg" class="data_img"/>
                       				</div>
                       				<div class="publish_data">
                       					<label>背景音乐</label>
                       				</div>
                       				<div class="publish_data">
										<span id="music_id" hidden="hidden"></span>
                       					音乐名称：<span id="music_name">暂无数据</span>
                       				</div>
                       				<div class="publish_data">
                       					演唱者：<span id="music_author">暂无数据</span>
                       				</div>
                       				<div class="publish_data">
                       					外链地址：<span id="music_url">暂无数据</span>
                       				</div>
                       			</div>
                       		</div>
                            <div>
                                <textarea id="editor" name="editor" rows="5" style="display: none;"></textarea>
							</div>
                       		<div class="dvi_btn" style="margin-top: 20px">
                       			<input type="button" id="submit" value="发布文章" />
                       		</div>
                       	</div>
					</div>

				</div>
			</div>
		</div>

		<!--新上传和显示已上传的封面-->
		<div class="wl_list">
            <div class="wl_top clear">
            		<div class="wl_file clear">
            			<input type="file" name="file" id="file_img" value="" />
            			<input type="button" name="" id="add_img" value="提交" />
            			<input type="button" name="" id="del_img" value="刷新" />
            		</div>
            		<div class="wl_remove">
            			<a role="button" class="wl_btn">
	                    <span class="glyphicon glyphicon-remove">
							关闭
						</span>
	                </a>
            		</div>
           </div>
            <div class="wl_ul">
                <ul class="ul_img clear">
					<img src="/admin/img/title.jpg" id="img_1"/>
				</ul>
            </div>
        </div>

        <!--音乐列表-->
        <div class="audio">
	        	<div class="audio_top">
	                <a role="button" class="audio_btn">
	                    <span class="glyphicon glyphicon-remove"></span>
	                </a>
	            </div>
	        	<!--<audio class="audition" id="mp3" style="width: 100%;padding: 4px;" controls="controls" src=""></audio>-->
			<audio id="myaudio"  controls="controls" loop="false" hidden="true" ></audio>

			<div class="audio_list">
	        		<table>
	        			<thead>
	        				<tr>
	        					<td>歌曲名</td>
	        					<td>演唱者</td>
	        					<td>操作</td>
	        				</tr>
	        			</thead>
	        			<tbody class="audio_ul" id="music_list">

	        			</tbody>
	        		</table>
	        	</div>
        </div>


		<script type="text/javascript" src="/admin/js/publish.js" ></script>
	</body>
</html>
